541. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:36 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

541.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype13.css2018-03-12 23:34:32 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype13.css2021-04-04 00:59:50 +0000

541.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged714
Changed6660
Inserted00
Removed17

541.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

541.4 Active regular expressions

No regular expressions were active.

541.5 Comparison detail

1 .page-header.type13:not(.header-newskin) {
 1 .font-size-lg {font-size: 1.1em!important;}
2     background: #000; 2 .main-panel-top {border-bottom: 1px solid #e7e7e7;}
3     border: 0; 3 .page-header.type13 .panel.wrapper .header-left > *,.page-header.type13 .panel.wrapper .header-right .items-inner > * {margin-left: .875rem;}
    4 .page-header.type13 .panel.wrapper .header-left > *:first-child,.page-header.type13 .panel.wrapper .header-right .items-inner > *:first-child {margin-left: 0;}
    5 .page-header.type13 .panel.wrapper {padding-top: .8125rem;padding-bottom: .8125rem;min-height: 64px;}
    6 .page-header.type13 .panel.header .switcher:last-child {margin-right: 0;}
    7 .page-header.type13 .panel.wrapper .custom-block {line-height: 30px;letter-spacing: .28333px;font-weight: 700;}
    8 .page-header.type13 .panel.wrapper .custom-block i::before {font-weight: 600;}
    9 .page-header.type13 .panel.wrapper .search-area {width: auto;color: inherit;}
    10 .page-header.type13 .panel.wrapper .search-area a.search-toggle-icon {font-size: 15px;color: inherit;}
    11 .page-header.type13 .panel.wrapper .search-area a.search-toggle-icon i::before {font-weight: 600;}
    12 .page-header.type13 .panel.header .top-links-icon::after {display: none;}
    13 .page-header.type13 .panel.header .top-links-icon {padding: 0;}
    14 .page-header.type13 .panel.header .top-links-icon a {font-size: 22px;line-height: 1;text-align: center;display: block;color: inherit;padding: 0 .125rem;}
    15 .page-header.type13 .panel.header.show-icon .header.links {margin-top: 10px;right: -11px;font-size: 11px;}
    16 .page-header.type13 .header-contact .wishlist {font-size: 22px;line-height: 1;width: 30px;text-align: center;display: block;color: inherit;}
    17 .page-header.type13 .header-contact .wishlist i {margin: 0;}
    18 .page-header.type13 .header-contact .wishlist,.page-header.type13 .panel.header .top-links-icon {color: #282828;}
    19 .page-header.type13 .minicart-wrapper .action.showcart {justify-content: center;min-width: 32px;}
    20 .page-header.type13 .minicart-wrapper .action.showcart .minicart-icon {font-size: 22px;position: relative;}
    21 .page-header.type13 .minicart-wrapper .action.showcart::after {display: none;}
    22 .page-header.type13 .minicart-wrapper .action.showcart .counter.qty {right: -3px;top: -4px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);background: #c90;}
    23 .page-header.type13 .search-area .block.block-search {box-shadow: none;}
    24 .page-header.type13 .search-category {right: 36px !important;}
    25 .page-header.type13 .header-row .header-center {flex: inherit;}
    26 .page-header.type13 .header-row .header-right > *,.page-header.type13 .header-row .header-right .items-inner > * {margin-left: .875rem;}
    27 .page-header.type13 .header-row .header-right > *:first-child,.page-header.type13 .header-row .header-right .items-inner > *:first-child,.page-header.type13 .header-row .header-right .items-inner {margin-left: 0;}
    28 @media (max-width:991px){
    29   .page-header.type13 .separator, .page-header.type13 .custom-top-html,.page-header.type13 .main-panel-top,.page-header.type13 .panel.header .switcher {display: none;}
    30   .page-header.type13 .header-main .header-left {min-width: auto;flex: inherit;}
    31   .page-header.type13 .header-row .header-center {justify-content: flex-start;}
    32   .page-header.type13 .search-area a.search-toggle-icon {font-size: 18px;}
    33   .page-header.type13 .search-area .block.block-search {right: -88px;}
4 } 34 }
5 .page-header.type13:not(.header-newskin) .header.content { 35 @media (max-width: 1219px) {
6     padding: 25px 85px; 36   page-header.type13 .navigation:not(.side-megamenu) .level0 .level-top {padding: 15px 14.5px 15px 14.5px;}
7 } 37 }
8 .page-header.type13:not(.header-newskin) .logo { 38 @media (min-width: 1220px) {
9     margin: 0; 39 .page-header.type13
 .logo {
    40     max-width: 101px;
10 } 41 }
11 .page-header.type13:not(.header-newskin) .header.content .header.panel {    
12     right: 100px;    
13     top: 50%;    
14     position: absolute;    
15     padding: 0;    
16     margin-top: -13px;    
17     text-align: right;    
18 } 42 }
19 .page-header.type13:not(.header-newskin) .header.content .header.panel > div > * { 43 @media (min-width:992px) {
20     text-align: left; 44 .page-header.type13 .search-area .minisearch .actions button {width: 36px;height: 34px;line-height: 34px;color: #333;}
21 } 45 .page-header.type13 .search-area .block.block-search { min-width: 323px;}
22 .page-header.type13:not(.header-newskin) .header.panel .top-panel { 46 
.page-header.type13 .search-area .block.block-search input {height: 36px;}
23     display: inline-block; 47 .page-header.type13 .search-area .minisearch .actions button {border-left: 1px solid rgba(255,255,255,.5);}
24     vertical-align: middle; 48 .page-header.type13 .header-row .header-center { padding-top: 37px;padding-bottom: 37px;}
25 } 49 
.page-header.type13
 .sections.nav-sections {position: absolute;width: 100%;}
26 .page-header.type13:not(.header-newskin) .header.panel .bottom-panel { 50 .page-header.type13 .navigation {padding: 0;position: static;}
27     display: inline-block; 51 .page-header.type13 .navigation:not(.side-megamenu) > ul {display: block;align-items: center;flex-wrap: wrap;position: static;}
28     vertical-align: middle; 52 
.page-header.type13 .navigation:not(.side-megamenu) 
.level0 {margin:
 0 1px 0 0;}
29 } 53 
.page-header.type13 .navigation:not(.side-megamenu) 
.level0
 .level-top {
30 .page-header.type13:not(.header-newskin) .header.panel .top-panel .menu-area { 54   font-family: Poppins,sans-serif;
31     display: inline-block;    
32     vertical-align: middle;    
33     position: relative;    
34 }    
35 .page-header.type13:not(.header-newskin) .header.panel .top-panel .top-links-area {    
36     display: inline-block;    
37     vertical-align: middle;    
38 }    
39 .page-header.type13:not(.header-newskin) .header.panel .bottom-panel .search-area {    
40     display: inline-block;    
41     vertical-align: middle;    
42     position: relative;    
43     margin: 0 40px 0 20px;    
44 }    
45 .page-header.type13:not(.header-newskin) .header.panel .bottom-panel .search-area .block-search {    
46     margin: 0;    
47     position: absolute;    
48     right: 0;    
49     top: 100%;    
50     display: none    
51 }    
52 .page-header.type13:not(.header-newskin) .nav-toggle {    
53     line-height: 1;    
54     vertical-align: middle;    
55     float: none;    
56 }    
57 .page-header.type13:not(.header-newskin) .nav-toggle:before {    
58     color: #fff;    
59 }    
60 .page-header.type13:not(.header-newskin) .search-toggle-icon {    
61     color: #fff;    
62     font-size: 20px;    
63 }    
64 .page-header.type13:not(.header-newskin) .search-toggle-icon .porto-icon-search:before {    
65     content: '\f87b'    
66 }    
67 .page-header.type13:not(.header-newskin) .header.panel .bottom-panel .search-area .block-search {    
68     right: -20px;    
69     margin-top: 15px;    
70 }    
71 .page-header.type13:not(.header-newskin) .block-search .action.search {    
72     width: 40px;    
73 }    
74 .page-header.type13:not(.header-newskin) .menu-area > .shop-menu {    
75     color: #fff;    
76     margin-right: 20px;    
77     text-transform: uppercase;    
78     font-weight: 600;    
79     font-size: 11px;    
80     letter-spacing: 2px;    
81     display: block;    
82 }    
83 .page-header.type13:not(.header-newskin) .menu-area > .shop-menu:hover {    
84     text-decoration: none;    
85 }    
86 .page-header.type13:not(.header-newskin) .top-links-area > a.top-links-icon {    
87     display: none;    
88 }    
89 .page-header.type13:not(.header-newskin) .top-links-area > ul.links {    
90     padding: 0;    
91 }    
92 .page-header.type13:not(.header-newskin) .panel.header .switcher {    
93     margin-right: 20px;    
94     float: none;    
95     vertical-align: middle;    
96 }    
97 .page-header.type13:not(.header-newskin) .switcher strong {    
98     color: #fff;    
99     font-size: 11px;    
100     font-weight: 600;    
101     text-transform: uppercase;    
102     letter-spacing: 2px;    
103 }    
104 .page-header.type13:not(.header-newskin) .switcher .options .action.toggle:after, .page-header.type13:not(.header-newskin) .switcher .options .action.toggle:hover:after {    
105     color: #fff;    
106 }    
107 .page-header.type13:not(.header-newskin) .minicart-wrapper {    
108     vertical-align: middle;    
109 }    
110 .page-header.type13:not(.header-newskin) .minicart-wrapper .action.showcart {    
111     position: relative;    
112 }    
113 .page-header.type13:not(.header-newskin) .minicart-wrapper .action.showcart:before {    
114     content: '\f87a';    
115     color: #fff;    
116     font-size: 25px;    
117     line-height: 1;    
118 }    
119 .page-header.type13:not(.header-newskin) .minicart-wrapper .action.showcart.active:before {    
120     color: #fff;    
121 }    
122 .page-header.type13:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty {    
123     color: #000;    
124     background: #fff;    
125     border-radius: 8px;    
126     width: 15px;    
127     height: 15px;    
128     line-height: 15px;    
129     font-size: 11px;    
130     position: absolute;    
131     top: auto;    
132     right: -7px;    
133     bottom: -7px;    
134     margin: 0;    
135     padding: 0;    
136     left: auto;    
137     display: block;    
138     min-width: 0;    
139 }    
140 @media (min-width: 768px) {    
141     .page-header.type13:not(.header-newskin) .panel.header .customer-menu .links > li {    
142         display: block;    
143     }    
144     .page-header.type13:not(.header-newskin) .panel.header .links > li {    
145         display: inline-block;    
146         vertical-align: top;    
147         margin: 0;    
148     }    
149     .page-header.type13:not(.header-newskin) .panel.header .links > li.greet.welcome {    
150         display: none;    
151     }    
152     .page-header.type13:not(.header-newskin) .block
-search input {
    
153         border: 1px solid #ccc;    
154     }    
155     .page-header.type13:not(.header-newskin) .panel.header .top-links-area > ul.links > li > a {    
156         color: #fff;    
157         margin-right: 20px;    
158         text-transform: uppercase;    
159         font-weight: 600;    
160         font-size: 11px;    
161         letter-spacing: 2px;    
162         display: block;    
163     }    
164     .page-header.type13:not(.header-newskin) .sections.nav-sections {
    
165         position: absolute;    
166         left: -15px;    
167         top: 100%;    
168         border: 0;    
169         visibility: hidden;    
170         opacity: 0;    
171         transition: all 0.3s;    
172         min-width: 200px;    
173     }    
174     .page-header.type13:not(.header-newskin) .menu-area:hover .sections.nav-sections {    
175         visibility: visible;    
176         opacity: 1;    
177     }    
178     .page-header.type13:not(.header-newskin) .nav-sections-item-content > .navigation {    
179         background: #fff;    
180         border-radius: 5px;    
181         padding: 5px 0;    
182         margin-top: 15px;    
183     }    
184     .page-header.type13:not(.header-newskin) .sw-megamenu.navigation li.level0 {    
185         display: block;    
186         margin: 0;    
187     }    
188     .page-header.type13:not(.header-newskin) .sw-megamenu.navigation li.level0 > a {    
189         display: block;    
190         font-size: 11px;    
191         font-weight: 400;    
192         color: #777;    
193         padding: 10px 30px 10px 5px;    
194         text-transform: none;    
195         margin: 0 8px;    
196         line-height: 1;    
197         position: relative;    
198     }    
199     .page-header.type13
:not(.header-newskin) .sw-megamenu.navigation li.level0 > a:hover {
    
200         background-color: #f4f4f4;    
201     }    
202     .page-header.type13:not(.header-newskin) .navigation .level0.parent > a:after {    
203         line-height: 1;    
204         content: '\f801';    
205         position: absolute;    
206         right: 5px;    
207     }    
208     .page-header.type13:not(.header-newskin) .sw-megamenu.navigation li.level0 {    
209         position: relative !important;    
210     }    
211     .page-header.type13:not(.header-newskin) .sw-megamenu.navigation li.level0.fullwidth > .submenu, .page-header.type13:not(.header-newskin) .sw-megamenu.navigation li.level0.staticwidth > .submenu {    
212         left: 100% !important;    
213         top: -6px;    
214         border: 0;    
215     }    
216     .page-header.type13
:not(.header-newskin) .sw-megamenu.navigation li.level0.classic:hover > .submenu {
    
217         left: 100% !important;    
218         top: -6px;    
219         border: 0;    
220         margin-left: -8px !important;    
221     }    
222 }    
223 @media (max-width: 1199px) {    
224     .page-header.type13:not(.header-newskin) .header.content .header.panel {    
225         margin-top: -25px;    
226     }    
227     .page-header.type13:not(.header-newskin) .header.panel .top-panel {    
228         display: block;    
229         margin-right: -30px;    
230     }    
231 }    
232 @media (max-width: 991px) {    
233     .page-header.type13:not(.header-newskin) .header.content {    
234         padding: 25px 15px;    
235     }    
236     .page-header.type13:not(.header-newskin) .header.content .header.panel {    
237         right: 15px;    
238     }    
239     .page-header.type13:not(.header-newskin) .header.panel .bottom-panel .search-area {    
240         margin: 0;    
241         margin-right: 20px;    
242     }    
243 }    
244 @media (max-width: 767px) {    
245     .page-header.type13:not(.header-newskin) .logo img {    
246         height: 30px;    
247         width: auto;    
248     }    
249     .page-header.type13:not(.header-newskin) .nav-toggle {    
250         display: inline-block;    
251     }    
252     .page-header.type13:not(.header-newskin) .header.content .header.panel {    
253         margin-top: -13px;    
254     }    
255     .page-header.type13:not(.header-newskin) .header.panel .top-panel {    
256         height: 0;    
257     }    
258     .page-header.type13:not(.header-newskin) .header.panel .top-panel .menu-area > a {    
259         display: none;    
260     }    
261     .page-header.type13:not(.header-newskin) .sections.nav-sections {    
262         display: block;    
263     }    
264     .page-header.type13:not(.header-newskin) .nav-sections .header.links, .page-header.type13:not(.header-newskin) .nav-sections .switcher {    
265         display: block;    
266     }    
267     .page-header.type13:not(.header-newskin) .switcher strong, .page-header.type13:not(.header-newskin) .switcher .options .action.toggle:after, .page-header.type13:not(.header-newskin) .switcher .options .action.toggle:hover:after {    
268         color: #777;    
269     }    
270     .page-header.type13:not(.header-newskin) .minicart-wrapper {    
271         margin-top: 0;    
272     }    
273     .page-header.type13:not(.header-newskin) .search-toggle-icon {    
274         display: none;    
275     }    
276     .page-header.type13:not(.header-newskin) .block-search .label:before {    
277         color: #fff;    
278         content: '\f87b';    
279     }    
280     .page-header.type13:not(.header-newskin) .header.panel .bottom-panel .search-area {    
281         position: static;    
282     }    
283     .page-header.type13:not(.header-newskin) .header.panel .bottom-panel .search-area .block-search {    
284         display: inline-block;    
285         margin: 0;    
286         position: static;    
287     }    
288     .page-header.type13:not(.header-newskin) .block-search .label {    
289         float: none;    
290     }    
291     .page-header.type13:not(.header-newskin) .block-search .label + .control input {    
292         position: absolute;    
293         left: -9999px;    
294         min-width: 200px;    
295     }    
296     .page-header.type13:not(.header-newskin) .block-search .label.active + .control input {    
297         left: auto;    
298         right: 0;    
299     }    
300 }    
301     
302 .cms-index-index .page-header.type13.header-newskin {background-color: transparent;position: absolute;width: 100%;}    
303 .page-header.type13.header-newskin {    
304     background: #000;    
305     border: 0;    
306     margin: 0;    
307 }    
308 .page-header.type13.header-newskin .header.content {    
309     padding: 25px 85px;    
310 }    
311 .page-header.type13.header-newskin .logo {    
312     margin: 0;    
313     position:absolute;    
314     left:85px;    
315     top:23px;    
316     padding: 5px 0;    
317 }    
318 .page-header.type13.header-newskin .header.content .header.panel {    
319     position: relative;    
320     text-align: center;    
321     max-width: 100%;    
322     padding: 13px 0 15px;    
323 }    
324 .page-header.type13.header-newskin .header.panel .top-panel {    
325     display: inline-block;    
326     vertical-align: middle;    
327 }    
328 .page-header.type13.header-newskin .header.panel .top-panel .custom-block {    
329     display: inline-block;    
330     font-family: 'Oswald';    
331     font-size: 14px; 55   font-size: 14px;
332     font-weight: 400; 56   font-weight: 600;
333     letter-spacing: 0.01em; 57   line-height: 20px;
334     vertical-align: middle; 58   letter-spacing: -.35px;
335 } 59   padding: 20px 16px 20px 16px;
336 .page-header.type13.header-newskin .header.panel .top-panel .custom-block span {    
337     display: inline-block;    
338     vertical-align: middle;    
339 }    
340 .page-header.type13.header-newskin .header.panel .bottom-panel {    
341     display: inline-block;    
342     vertical-align: middle;    
343     position: absolute;    
344     right: 0;    
345     top:9px;    
346     text-align: left;    
347 }    
348 .page-header.type13.header-newskin .header.panel .top-panel .menu-area {    
349     display: inline-block;    
350     vertical-align: middle;    
351     position: relative;    
352     padding-top: 1px;    
353 }    
354 .page-header.type13.header-newskin .header.panel .top-panel .top-links-area {    
355     display: inline-block;    
356     vertical-align: middle;    
357 }    
358 .page-header.type13.header-newskin .header.panel .bottom-panel .search-area {    
359     display: inline-block;    
360     vertical-align: middle;    
361     position: relative;    
362     margin: 0 18px 0 20px;    
363 }    
364 .page-header.type13.header-newskin .header.panel .bottom-panel .search-area .block-search {    
365     margin: 0;    
366     position: absolute;    
367     right: 0;    
368     top: 100%;    
369     display: none    
370 }    
371 .page-header.type13.header-newskin .nav-toggle:before {    
372     color: #fff;    
373     font-size: 18px;    
374 }    
375 .page-header.type13.header-newskin .search-toggle-icon {    
376     font-size: 20px;    
377 }    
378 .page-header.type13.header-newskin .search-toggle-icon .porto-icon-search:before {    
379     content: '\f87b'    
380 }    
381 .page-header.type13.header-newskin .header.panel .bottom-panel .search-area .block-search {    
382     right: -20px;    
383     margin-top: 15px;    
384 }    
385 .page-header.type13.header-newskin .block-search .action.search {    
386     width: 40px;    
387 }    
388 .page-header.type13.header-newskin .menu-area > .shop-menu {    
389     font-family: 'Oswald';    
390     margin-right: 20px;    
391     text-transform: uppercase;    
392     font-weight: 400;    
393     font-size: 14px;    
394     letter-spacing: 0.01em;    
395     display: block;    
396 }    
397 .page-header.type13.header-newskin .menu-area > .shop-menu:hover {    
398     text-decoration: none;    
399 }    
400 .page-header.type13.header-newskin .top-links-area > a.top-links-icon {    
401     display: none;    
402 }    
403 .page-header.type13.header-newskin .top-links-area > ul.links {    
404     padding: 0;    
405 }    
406 .page-header.type13.header-newskin .panel.header .switcher {    
407     margin-right: 20px;    
408     float: none;    
409     vertical-align: middle;    
410 }    
411 .page-header.type13.header-newskin .switcher .options .action.toggle:after, .page-header.type13.header-newskin .switcher .options .action.toggle:hover:after {    
412     color: #fff;    
413 }    
414 .page-header.type13.header-newskin .minicart-wrapper {    
415     vertical-align: middle;    
416 }    
417 .page-header.type13.header-newskin .minicart-wrapper .action.showcart {    
418     position: relative;    
419 }    
420 @media (min-width: 768px) {    
421     .page-header.type13.header-newskin .panel.header .customer-menu .links > li {    
422         display: block;    
423     }    
424     .page-header.type13.header-newskin .panel.header .links > li {    
425         display: inline-block;    
426         vertical-align: top;    
427         margin: 0;    
428     }    
429     .page-header.type13.header-newskin .panel.header .links > li.greet.welcome {    
430         display: none;    
431     }    
432     .page-header.type13.header-newskin .block-search input {    
433         border: 1px solid #ccc;    
434     }    
435     .page-header.type13.header-newskin .panel.header .top-links-area > ul.links > li > a {    
436         font-family: 'Oswald';    
437         margin-right: 20px;    
438         text-transform: uppercase;    
439         font-weight: 400;    
440         font-size: 14px;    
441         letter-spacing: 0.01em;    
442         display: block;    
443     }    
444     .page-header.type13.header-newskin .switcher strong {    
445         font-family: 'Oswald';    
446         font-size: 14px;    
447         font-weight: 400;    
448         text-transform: uppercase;    
449         letter-spacing: 0.01em;    
450     }    
451     .page-header.type13.header-newskin .sections.nav-sections {    
452         position: absolute;    
453         left: -15px;    
454         top: 100%;    
455         border: 0;    
456         visibility: hidden;    
457         opacity: 0;    
458         transition: all 0.3s;    
459         min-width: 200px;    
460     }    
461     .page-header.type13.header-newskin .menu-area:hover .sections.nav-sections {    
462         visibility: visible;    
463         opacity: 1;    
464     }    
465     .page-header.type13.header-newskin .nav-sections-item-content > .navigation {    
466         background: #fff;    
467         padding: 5px 0;    
468         margin-top: 15px;    
469     }    
470     .page-header.type13.header-newskin .sw-megamenu.navigation li.level0 {    
471         display: block;    
472         margin: 0;    
473     }    
474     .page-header.type13.header-newskin .sw-megamenu.navigation li.level0 > a {    
475         display: block;    
476         font-size: 12px;    
477         font-weight: 400;    
478         color: #777;    
479         padding: 12px 30px 12px 5px;    
480         text-transform: none;    
481         margin: 0 8px;    
482         line-height: 1;    
483         position: relative;    
484     }    
485     .page-header.type13.header-newskin .sw-megamenu.navigation li.level0 > a:hover {    
486         background-color: #f4f4f4;    
487     }    
488     .page-header.type13.header-newskin .navigation .level0.parent > a:after {    
489         line-height: 1;    
490         content: '\f801';    
491         position: absolute;    
492         right: 5px;    
493     }    
494     .page-header.type13.header-newskin .sw-megamenu.navigation li.level0 {    
495         position: relative !important;    
496     }    
497     .page-header.type13.header-newskin .sw-megamenu.navigation li.level0.fullwidth > .submenu, .page-header.type13.header-newskin .sw-megamenu.navigation li.level0.staticwidth > .submenu {    
498         left: 100% !important;    
499         top: -6px;    
500         border: 0;    
501     }    
502     .page-header.type13.header-newskin .sw-megamenu.navigation li.level0.classic:hover > .submenu {    
503         left: 100% !important;    
504         top: -6px;    
505         border: 0;    
506         margin-left: -8px !important;    
507     }    
508 }    
509 @media (max-width: 1199px) {    
510     .page-header.type13.header-newskin .header.panel .top-panel .custom-block {    
511         display: none;    
512     }    
513 }    
514 @media (max-width: 991px) {    
515     .page-header.type13.header-newskin .header.content {    
516         padding: 25px 15px;    
517     }    
518     .page-header.type13.header-newskin .logo {    
519         left: 15px;    
520     }    
521     .page-header.type13.header-newskin .header.content .header.panel {    
522         right: 0;    
523     }    
524     .page-header.type13.header-newskin .header.panel .top-panel {    
525         margin-right: 60px;    
526     }    
527     .page-header.type13.header-newskin .header.panel .bottom-panel .search-area {    
528         margin: 0;    
529         margin-right: 10px;    
530     }    
531     .page-header.type13.header-newskin .header.panel .top-panel .custom-block {display: none;}    
532 } 60 }
533 @media (max-width: 767px) { 61 .page-header.type13 .navigation:not(.side-megamenu) .level0:first-child .level-top {padding-left: 0;}
534     .page-header.type13.header-newskin .header.content { 62 .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
535         padding: 0 15px; 63 .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;}
536     } 64 .page-header.type13.sticky-header .header-main {position: fixed;top:0;width: 100%;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);z-index: 12;}
537     .page-header.type13.header-newskin .logo { 65 header.page-header.type13.sticky-header .nav-sections {position: absolute !important;top:auto !important;z-index: 1 !important;box-shadow: none;}
538         position: relative; 66 .page-header.type13.sticky-header .header-row .header-center { padding-top: 18px;padding-bottom: 18px;}
539         left: 0; 67 .page-header.type13.sticky-header .logo {max-width: 100px;}
540         top:0; 68 .page-header.type13.sticky-header .logo img {transform: scale(.8);transform-origin: center center;}
541         padding:10px 0;    
542         float: left;    
543     }    
544     .page-header.type13.header-newskin .logo img {    
545         height: 40px;    
546         width: auto;    
547     }    
548     .page-header.type13.header-newskin .header.panel .top-panel .custom-block {display: none;}    
549     .page-header.type13.header-newskin .nav-toggle {    
550         display: inline-block;    
551         line-height: 40px;    
552         margin-right: 25px;    
553         padding-top: 2px;    
554     }    
555     .page-header.type13.header-newskin .header.content .header.panel {    
556         right: 0;    
557         text-align: right;    
558     }    
559     .page-header.type13.header-newskin .header.panel .top-panel .menu-area > a {    
560         display: none;    
561     }    
562     .page-header.type13.header-newskin .sections.nav-sections {    
563         display: block;    
564         text-align: left;    
565     }    
566     .page-header.type13.header-newskin .nav-sections .header.links, .page-header.type13.header-newskin .nav-sections .switcher {    
567         display: block;    
568     }    
569     .page-header.type13.header-newskin .switcher strong, .page-header.type13.header-newskin .switcher .options .action.toggle:after, .page-header.type13.header-newskin .switcher .options .action.toggle:hover:after {    
570         color: #777;    
571     }    
572     .page-header.type13.header-newskin .minicart-wrapper {    
573         margin-top: 0;    
574         margin-right: 0;    
575         float: none;    
576     }    
577     .page-header.type13.header-newskin .minicart-wrapper .action.showcart {    
578         color: #fff;    
579     }    
580     .page-header.type13.header-newskin .minicart-wrapper .action.showcart:before,    
581     .page-header.type13.header-newskin .minicart-wrapper .action.showcart.active:before {    
582         color: #fff;    
583     }    
584     .page-header.type13.header-newskin .search-toggle-icon {    
585         display: none;    
586     }    
587     .page-header.type13.header-newskin .block-search .label:before {    
588         color: #fff;    
589         content: '\f87b';    
590         font-size: 18px;    
591     }    
592     .page-header.type13.header-newskin .header.panel .bottom-panel .search-area {    
593         position: static;    
594     }    
595     .page-header.type13.header-newskin .header.panel .bottom-panel .search-area .block-search {    
596         display: inline-block;    
597         margin: 0;    
598         position: static;    
599     }    
600     .page-header.type13.header-newskin .block-search .label {    
601         float: none;    
602     }    
603     .page-header.type13.header-newskin .block-search .label + .control input {    
604         position: absolute;    
605         left: -9999px;    
606         min-width: 200px;    
607     }    
608     .page-header.type13.header-newskin .block-search .label.active + .control input {    
609         left: auto;    
610         right: 0;    
611     }    
612 } 69 }